<%@ taglib prefix="s" uri="/struts-tags"%>

<script type="text/javascript">
<!--
$(document).ready(function() {
	$('.controller a[name="info-save"]').bind('click', {action: 'profile-info-save',form: '#profileInfoForm', result: '.css-panes div'}, submitForm);

	/* float controller */
	$('.float-container').hover(
		function () {
			$('.controller', this).show();
		},
		function () {
			$('.controller', this).hide();
		}
	);
});
//-->
</script>

<div class="float-container">
<div class="controller">
	<a name="info-save" href="#"><s:text name="label.save"/></a>
</div>

<s:form id="profileInfoForm" action="profile-info-save" theme="simple">
	<p>
		<label for="firstName" class="label"><s:text name="firstName"/><span class="required">*</span>:</label> 
	  	<input type="text" name="firstName" value="${firstName}"/>
	 	<span class="tooltip"><s:text name="tooltip.firstName"/></span>
	</p>
	<p>
		<label for="lastName" class="label"><s:text name="lastName"/><span class="required">*</span>:</label> 
	  	<input type="text" name="lastName" value="${lastName}"/>
	 	<span class="tooltip"><s:text name="tooltip.lastName"/></span>
	</p>
	<p>
		<label for="email" class="label"><s:text name="email"/><span class="required">*</span>:</label> 
	  	<input type="text" name="email" value="${email}"/>
	 	<span class="tooltip"><s:text name="tooltip.email"/></span>
	</p>
	<p>
	 	<label for="gender" class="label"><s:text name="gender"/><span class="required">*</span>:</label> 
	   	<s:radio name="gender" key="gender" list="#{'M':'Male','F':'Female'}"/>
	</p>
	<p>
		<label for="birthday" class="label"><s:text name="birthday"/><span class="required">*</span>:</label> 
	 	<input type="text" name="birthday" value="${birthday}" />
	 	<span class="tooltip"><s:text name="tooltip.birthday"/></span>
	</p>
</s:form>
</div>